<template>
  <div class="home">
    <h1>HOME</h1>
    <my-button>
      <i slot="before">前面的内容</i>
      <template v-slot:after>
        <b>后面的内容</b>
      </template>
    </my-button>
    <nav-link url="javascript:void(0)">
      <i>Baidu</i>
      {{ msg }}
      <b>一下</b>
    </nav-link>
  </div>
</template>

<script>
import NavigationLink from '@/components/NavigationLink'
import MyButton from '@/components/MyButton'

export default {
  name: "Home",
  components: {
    'nav-link': NavigationLink,
    MyButton
  },
  data() {
    return {
      msg: '百度'
    }
  }
}
</script>

<style scoped>

</style>